<template>
  <div style="overflow:auto; text-align: left; height: 100%">
      <pre v-highlightjs="diagramXml" style="padding: 0 0 0 25vh">
          <code class="xml"></code>
        </pre>
    <!--    {{diagramXml}}-->
  </div>
</template>

<script>
import vkbeautify from 'vkbeautify'

export default {
  name: "bpmnXml",
  data() {
    return {
      diagramXml: '',
    }
  },
  props: {
    modelInfo: {
      type: Object,
      require: true,
      default: null
    }
  },
  methods: {
    reloadXml(xml) {
      this.diagramXml = vkbeautify.xml(xml.replace(/ns0:/g, 'flowable:'),0)
    }
  },
  mounted() {
  },
}
</script>

<style scoped>
</style>
